<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="static/css/reset.css">
    <link rel="stylesheet" type="text/css" href="static/css/swiper.3.1.7.min.css">
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <title>家教课堂</title>
</head>

<body>
<div class="heading">
    <div class="phone">全国热线 : 400-200-300</div>
    <div class="login-reg">
        <span class="red">tianleiyiji123</span>
        <span>退出登录</span>
    </div>
</div>
<div class="banner">
    <div class="banner-contain w12">
        <div class="item">
            <p>
                <span>实力教学团队</span>
                <br>
                <span>打造最适合学生的教学</span>
            </p>
        </div>
        <div class="item">
            <p>
                <span>分层次一对一教学</span>
                <br>
                <span>满足不同程度学生需求</span>
            </p>
        </div>
        <div class="item">
            <p>
                <span>分科全面</span>
                <br>
                <span>针对性的对学生进行辅导</span>
            </p>
        </div>
    </div>
</div>
<div class="nav">
    <div class="nav-contain w12">
        <div class="nav-item ">首页</div>
        <div class="nav-item">找家教</div>
        <div class="nav-item">做家教</div>
        <div class="nav-item">教员库</div>
        <div class="nav-item">家教小班</div>
        <div class="nav-item">专业老师</div>
        <div class="nav-item">大学生家教</div>
        <div class="nav-item">
            请家教信息
        </div>
        <div class="nav-item active nav-lesson">
            <span id="special-click">家教课堂</span>
            <div class="lesson-slide">
                <ul>
                    <li class="active">
                        练习册答案
                    </li>
                    <li>
                        学习宝典

                    </li>
                    <li>
                        家长加油站

                    </li>
                    <li>
                        家教直通车
                    </li>
                </ul>
                <div class="third-list">
                    <span>语文</span>
                    <span>语文</span>
                    <span class="active">语文</span>
                    <span>语文</span>
                    <span>语文</span>
                    <span>语文</span>
                    <span>语文</span>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="carousel">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="static/img/banner.png" alt=""></div>
            <div class="swiper-slide"><img src="static/img/banner2.png" alt=""></div>
            <div class="swiper-slide"><img src="static/img/banner.png" alt=""></div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
</div>
<div class="center-wrapper">
    <div class="center-contain w12">
        <div class="center-contain-left">
            <div class="center-nav-title">
                <p>Tutoring classroom</p>
                <p>家教课堂</p>
            </div>
            <ul>
                <li>
                    练习册答案
                </li>
                <li class="active">学习宝典</li>
                <li>家长加油站</li>
                <li>家教直通车</li>
            </ul>

        </div>
        <div class="center-contain-right">
            <ul class="lesson-list">
                <li>
                    <h3>
                        二年级数学究竟怎么学？
                    </h3>
                    <p>
                        “道德”是高考命题核心理念“立德树人”的重要内涵，也是近几年高考作文在引导考生树立正确的人生观方面命题的重点，更是中学生核心素养的重要组成部分。如：2016年上海卷“评价他人的生活”；2015年浙江卷“文品与人品”，四川卷“老实人与聪明人”，重庆卷“赶公交车的妈妈”；2014年重庆卷“出租屋的故事”……
                    </p>
                </li>
                <li>
                    <h3>
                        二年级数学究竟怎么学？
                    </h3>
                    <p>
                        “道德”是高考命题核心理念“立德树人”的重要内涵，也是近几年高考作文在引导考生树立正确的人生观方面命题的重点，更是中学生核心素养的重要组成部分。如：2016年上海卷“评价他人的生活”；2015年浙江卷“文品与人品”，四川卷“老实人与聪明人”，重庆卷“赶公交车的妈妈”；2014年重庆卷“出租屋的故事”……
                    </p>
                </li>
                <li>
                    <h3>
                        二年级数学究竟怎么学？
                    </h3>
                    <p>
                        “道德”是高考命题核心理念“立德树人”的重要内涵，也是近几年高考作文在引导考生树立正确的人生观方面命题的重点，更是中学生核心素养的重要组成部分。如：2016年上海卷“评价他人的生活”；2015年浙江卷“文品与人品”，四川卷“老实人与聪明人”，重庆卷“赶公交车的妈妈”；2014年重庆卷“出租屋的故事”……
                    </p>
                </li>
                <li>
                    <h3>
                        二年级数学究竟怎么学？
                    </h3>
                    <p>
                        “道德”是高考命题核心理念“立德树人”的重要内涵，也是近几年高考作文在引导考生树立正确的人生观方面命题的重点，更是中学生核心素养的重要组成部分。如：2016年上海卷“评价他人的生活”；2015年浙江卷“文品与人品”，四川卷“老实人与聪明人”，重庆卷“赶公交车的妈妈”；2014年重庆卷“出租屋的故事”……
                    </p>
                </li>
                <li>
                    <h3>
                        二年级数学究竟怎么学？
                    </h3>
                    <p>
                        “道德”是高考命题核心理念“立德树人”的重要内涵，也是近几年高考作文在引导考生树立正确的人生观方面命题的重点，更是中学生核心素养的重要组成部分。如：2016年上海卷“评价他人的生活”；2015年浙江卷“文品与人品”，四川卷“老实人与聪明人”，重庆卷“赶公交车的妈妈”；2014年重庆卷“出租屋的故事”……
                    </p>
                </li>
            </ul>


            <div class="see-more">加载更多</div>
        </div>
    </div>
</div>
<div class="foot">
    <div class="company-info">
        <div class="info-contain w12">
            <div class="info-link">
                <span>首页</span>
                <span>找家教</span>
                <span>做家教</span>
                <span>教员库</span>
                <span>家教小班</span>
                <span>专业老师</span>
                <span>大学生家教</span>
                <span>请家教信息</span>
                <span>家教课堂</span>
            </div>
            <div class="info-link">反馈意见:123456@qq.com</div>
            <div class="info-link">客服电话:400-817-817</div>
            <div class="info-link">工作时间:周一至周五 9:00-19:00</div>
        </div>
    </div>
    <div class="copyright">
        Copyright © 1991-2018
    </div>
</div>
</body>
<script src='static/js/jquery.js'></script>
<script src='static/js/swiper.3.1.7.min.js'></script>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        autoplay: 3000, //可选选项，自动滑动
        loop: true,
        pagination: '.swiper-pagination'
    })
</script>
<script src="js/common.js" type="text/javascript"></script>
</html>